<!DOCTYPE html>
<html>

<head>
  <title>Introducing 10 new features in Quarkus Tools for Visual Studio Code 1.3.0</title>
  <script id="adobe_dtm" src="https://www.redhat.com/dtm.js" type="text/javascript"></script>
  <script src="/assets/javascript/highlight.pack.js" type="text/javascript"></script>
  <META HTTP-EQUIV='Content-Security-Policy' CONTENT="default-src 'none'; script-src 'self' 'unsafe-eval' 'sha256-ANpuoVzuSex6VhqpYgsG25OHWVA1I+F6aGU04LoI+5s=' 'sha256-ipy9P/3rZZW06mTLAR0EnXvxSNcnfSDPLDuh3kzbB1w=' js.bizographics.com https://www.redhat.com assets.adobedtm.com jsonip.com https://ajax.googleapis.com https://www.googletagmanager.com https://www.google-analytics.com https://use.fontawesome.com; style-src 'self' https://fonts.googleapis.com https://use.fontawesome.com; img-src 'self' *; media-src 'self' ; frame-src https://www.googletagmanager.com https://www.youtube.com; frame-ancestors 'none'; base-uri 'none'; object-src 'none'; form-action 'none'; font-src 'self' https://use.fontawesome.com https://fonts.gstatic.com;">
  <META HTTP-EQUIV='X-Frame-Options' CONTENT="DENY">
  <META HTTP-EQUIV='X-XSS-Protection' CONTENT="1; mode=block">
  <META HTTP-EQUIV='X-Content-Type-Options' CONTENT="nosniff">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Quarkus: Supersonic Subatomic Java">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@QuarkusIO"> 
  <meta name="twitter:creator" content="@QuarkusIO">
  <meta property="og:url" content="https://quarkus.io/blog/vscode-quarkus-1.3.0/" />
  <meta property="og:title" content="Introducing 10 new features in Quarkus Tools for Visual Studio Code 1.3.0" />
  <meta property="og:description" content="Quarkus: Supersonic Subatomic Java" />
  <meta property="og:image" content="/assets/images/quarkus_card.png" />
  <link rel="canonical" href="https://quarkus.io/blog/vscode-quarkus-1.3.0/">
  <link rel="shortcut icon" type="image/png" href="/favicon.ico" >
  <link rel="stylesheet" href="https://quarkus.io/guides/stylesheet/config.css" />
  <link rel="stylesheet" href="/assets/css/main.css" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  <link rel="alternate" type="application/rss+xml"  href="https://quarkus.io/feed.xml" title="Quarkus">
  <script src="https://quarkus.io/assets/javascript/goan.js" type="text/javascript"></script>
  <script src="https://quarkus.io/assets/javascript/hl.js" type="text/javascript"></script>
</head>

<body class="post">
  <!-- Google Tag Manager (noscript) -->
  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJWS5L"
  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  <!-- End Google Tag Manager (noscript) -->

  <div class="nav-wrapper">
  <div class="grid-wrapper">
    <div class="width-12-12">
      <input type="checkbox" id="checkbox" />
      <nav id="main-nav" class="main-nav">
  <div class="container">
    <div class="logo-wrapper">
      
        <a href="/"><img src="/assets/images/quarkus_logo_horizontal_rgb_600px_reverse.png" class="project-logo" title="Quarkus"></a>
      
    </div>
    <label class="nav-toggle" for="checkbox">
      <i class="fa fa-bars"></i>
    </label>
    <div id="menu" class="menu">
      <span>
        <a href="/get-started/" class="">Get Started</a>
      </span>
      <span>
        <a href="/guides/" class="">Guides</a>
      </span>
      <span>
        <a href="/community/" class="">Community</a>
      </span>
      <span>
        <a href="/support/" class="">Support</a>
      </span>
      <span>
        <a href="/blog/" class="active">Blog</a>
      </span>
      <span>
        <a href="https://code.quarkus.io" class="button-cta secondary white">Start Coding</a>
      </span>
    </div>
  </div>
      </nav>
    </div>
  </div>
</div>

  <div class="content">
    <div class="post-page grid-wrapper">
  <div class="width-8-12 width-12-12-m doc-content">
    <div class="grid-wrapper">
      <div class="width-12-12">
        <p>
          <a href="/blog"><i class="fas fa-angle-left"></i> Back to all posts</a>
        </p>
      </div>
      <div class="width-12-12">
        <div class="post-date">
          February 07, 2020 
          
            <span class="tags"><a href="/blog/tag/ide">#ide</a></span>
          
        </div>
        <h1 class="post-title">Introducing 10 new features in Quarkus Tools for Visual Studio Code 1.3.0</h1>
        <div class="grid-wrapper">
          <div class="width-8-12 width-12-12-m byline-wrapper">
            
            
              <img class="headshot" src="https://www.gravatar.com/avatar/ddbf60c0e87ce6ad86f98aaf4fa55ff0">
            
            <p class="byline">By David Kwon</p>
          </div>
          <div class="width-12-12">
              <div class="paragraph">
<p>Quarkus Tools for Visual Studio Code 1.3.0 has been released on the
<a href="https://marketplace.visualstudio.com/items?itemName=redhat.vscode-quarkus">VS Code Marketplace</a>
, the first release of the year.</p>
</div>
<div class="paragraph">
<p>Alongside various bug fixes, this release focused on introducing VS Code support that
accompanies new Quarkus features like <code>application.yaml</code> support,
server-side templating support and the Quarkus 1.2 kebab-case <code>@ConfigProperties</code> property names.</p>
</div>
<div class="paragraph">
<p>For a list of all changes, please refer to the
<a href="https://github.com/redhat-developer/vscode-quarkus/blob/master/CHANGELOG.md">changelog</a>.</p>
</div>
<div class="paragraph">
<p>Watch a demo video of all features presented in this article:</p>
</div>
<div class="videoblock">
<div class="content">
<iframe width="640" height="360" src="https://www.youtube.com/embed/6SZPJOaswtA?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="sect1">
<h2 id="new-features"><a class="anchor" href="#new-features"></a>New Features</h2>
<div class="sectionbody">
<div class="ulist">
<ul>
<li>
<p><a href="#url-codelens-for-resteasy-jax-rs-get-methods">URL CodeLens for RESTEasy JAX-RS GET methods</a></p>
</li>
<li>
<p><a href="#hover-support-for-configproperty-name-in-java-sources">Hover support for <code>@ConfigProperty</code> name in Java sources</a></p>
</li>
<li>
<p><a href="#language-support-for-kubernetes-openshift-s2i-and-docker-properties">Language support for Kubernetes, Openshift, S2i and Docker properties</a></p>
</li>
<li>
<p><a href="#language-support-for-microprofile-rest-client-properties">Language support for MicroProfile REST Client properties</a></p>
</li>
<li>
<p><a href="#yaml-support-experimental">YAML support (experimental)</a></p>
</li>
<li>
<p><a href="#quick-fix-to-add-unknown-property-namespaces-to-ignore">Quick Fix to add unknown property namespaces to ignore</a></p>
</li>
<li>
<p><a href="#go-to-definition-support-for-enum-values-in-application-properties">Go to definition support for enum values in <code>application.properties</code></a></p>
</li>
<li>
<p><a href="#new-extensions-descriptions-toggle">New extensions descriptions toggle</a></p>
</li>
<li>
<p><a href="#different-ways-to-open-a-new-quarkus-project">Different ways to open a new Quarkus project</a></p>
</li>
<li>
<p><a href="#syntax-highlighting-for-qute-languages">Syntax highlighting for Qute languages</a></p>
</li>
</ul>
</div>
</div>
</div>
<div class="sect1">
<h2 id="url-codelens-for-resteasy-jax-rs-get-methods"><a class="anchor" href="#url-codelens-for-resteasy-jax-rs-get-methods"></a>URL CodeLens for RESTEasy JAX-RS GET methods</h2>
<div class="sectionbody">
<div class="paragraph">
<p>When editing a resource class while the current Quarkus application is running in
development mode (<code>./mvnw compile quarkus:dev</code> or <code>./gradlew quarkusDev</code>), there
are now CodeLenses that provide the URL for the GET endpoints.</p>
</div>
<div class="paragraph">
<p>This feature takes into account the path name and the HTTP server port from your
<code>application.properties</code> file in order to create the URL.</p>
</div>
<div class="paragraph">
<p>Clicking on the CodeLens URL will open the URL in your default browser.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/codelensURL.gif" alt="URL CodeLens">
</div>
</div>
<div class="paragraph">
<p>Once the Quarkus application stops running, the CodeLens URL will no longer appear.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/codelensURL2.gif" alt="URL CodeLens">
</div>
</div>
<div class="paragraph">
<p>Please keep in mind, CodeLens in VS Code are only updated when certain events happen.
If the URL CodeLens does not appear, some easy ways to trigger a CodeLens update
are by switching tabs or by starting to type in any file. Also make sure that the
<code>quarkus.tools.codeLens.urlCodeLensEnabled</code> VS Code setting is set to <code>true</code>.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="hover-support-for-configproperty-name-in-java-sources"><a class="anchor" href="#hover-support-for-configproperty-name-in-java-sources"></a>Hover support for <code>@ConfigProperty</code> name in Java sources</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Hovering over the name value in a <code>@ConfigProperty</code> annotation will now display
the value of the hovered property. Currently, the value will either come from
the <code>application.properties</code> file, or the default value field.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/hoverconfigproperty.gif" alt="Hover @ConfigProperty name">
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="language-support-for-kubernetes-openshift-s2i-and-docker-properties"><a class="anchor" href="#language-support-for-kubernetes-openshift-s2i-and-docker-properties"></a>Language support for Kubernetes, Openshift, S2i and Docker properties</h2>
<div class="sectionbody">
<div class="paragraph">
<p>There is now completion, hover, documentation and validation for <code>kubernetes.*</code>,
<code>openshift.*</code>, <code>s2i.*</code>, <code>docker.*</code> properties coming from the
<a href="https://quarkus.io/guides/kubernetes#enable-kubernetes-support">Kubernetes Quarkus extension</a>.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/kubopedocs2i.gif" alt="Language support for Kubernetes, Openshift, S2i and Docker properties">
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="language-support-for-microprofile-rest-client-properties"><a class="anchor" href="#language-support-for-microprofile-rest-client-properties"></a>Language support for MicroProfile REST Client properties</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Likewise, there is now completion, hover, documentation and validation for the MicroProfile properties from REST Client.</p>
</div>
<div class="paragraph">
<p>After registering a REST client using <code>@RegisterRestClient</code> like so:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlightjs highlight"><code data-lang="java" class="language-java hljs">package com.mycompany.remoteServices;

@RegisterRestClient
public interface MyServiceClient {
    @GET
    @Path("/greet")
    Response greet();
}</code></pre>
</div>
</div>
<div class="paragraph">
<p>The related MicroProfile Rest config properties will have language feature support (completion, hover, validation, etc.).</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/mpRest.gif" alt="Language support for MP Rest properties">
</div>
</div>
<div class="paragraph">
<p>More information about using the MicroProfile REST Client with Quarkus is available on the Quarkus guides
<a href="https://quarkus.io/guides/rest-client">here</a>.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="yaml-support-experimental"><a class="anchor" href="#yaml-support-experimental"></a>YAML support (experimental)</h2>
<div class="sectionbody">
<div class="paragraph">
<p>The release of
<a href="https://quarkus.io/blog/quarkus-1-1-0-final-released/">Quarkus 1.1.0.Final</a>,
brought
<a href="https://quarkus.io/guides/config#yaml">YAML configuration support</a>,
meaning that you can now configure your Quarkus application with either an <code>application.yaml</code>
or <code>application.properties</code> file (but try to stick with one!).</p>
</div>
<div class="paragraph">
<p>As a result, there is now completion support for <code>application.yaml</code> files. Similarly to
<code>application.properties</code>, the completion options in <code>application.yaml</code> will be in sync with
the Quarkus extensions that are currently available to the current project (in <code>pom.xml</code> or
<code>build.gradle</code>), therefore giving you only the relevant completion options.</p>
</div>
<div class="paragraph">
<p>This feature depends on the VS Code
<a href="https://marketplace.visualstudio.com/items?itemName=redhat.vscode-yaml">YAML extension</a>.
If it is not currently installed, a new prompt will propose to install it.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/yamlcompletion.gif" alt="Completion in application.yaml">
</div>
</div>
<div class="paragraph">
<p>Language feature support for the <code>application.yaml</code> file is in its experimental stages.
Compared to <code>application.properties</code> support, there are some limitations:</p>
</div>
<div class="ulist">
<div class="title">Missing features:</div>
<ul>
<li>
<p>Go to definition support</p>
</li>
<li>
<p>Code action support</p>
</li>
<li>
<p>Automatic completion for default values</p>
</li>
<li>
<p>Limited config property and value validation support</p>
</li>
</ul>
</div>
</div>
</div>
<div class="sect1">
<h2 id="quick-fix-to-add-unknown-property-namespaces-to-ignore"><a class="anchor" href="#quick-fix-to-add-unknown-property-namespaces-to-ignore"></a>Quick Fix to add unknown property namespaces to ignore</h2>
<div class="sectionbody">
<div class="paragraph">
<p>There is now a new Quick Fix that helps exclude large groups of unknown properties
from unknown property validation, as long as they share the same parent namespace.</p>
</div>
<div class="paragraph">
<p>For example, if your application.properties file contains four properties with an
<code>Unknown property</code> error like so:</p>
</div>
<div class="listingblock">
<div class="content">
<pre class="highlightjs highlight"><code data-lang="properties" class="language-properties hljs"># All four properties cause an 'Unknown property' error
unknown.test1=a
unknown.test2=b
unknown.test3=c
unknown.test4=d</code></pre>
</div>
</div>
<div class="paragraph">
<p>Ignoring all four properties from unknown property validation is easily done by
the Quick Fix, which adds <code>unknown.*</code> to the <code>quarkus.tools.validation.unknown.excluded</code>
workspace configuration array.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/codeaction.gif" alt="Quick Fix to ignore unknown property validation">
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="go-to-definition-support-for-enum-values-in-application-properties"><a class="anchor" href="#go-to-definition-support-for-enum-values-in-application-properties"></a>Go to definition support for enum values in <code>application.properties</code></h2>
<div class="sectionbody">
<div class="paragraph">
<p>Until now, Go to definition was only supported for config property keys and not the values.
This release brings the Go to definition feature for enum values.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/enumvalue.gif" alt="Go to definiton for enum values">
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="new-extensions-descriptions-toggle"><a class="anchor" href="#new-extensions-descriptions-toggle"></a>New extensions descriptions toggle</h2>
<div class="sectionbody">
<div class="paragraph">
<p>As the number of Quarkus extensions continues to rise, the new extension descriptions in
the extension selection prompts helps recognize and discover new extensions.
The extension selection prompt appears when selecting Quarkus extensions from the
<code>Quarkus: Generate a Quarkus project</code> and <code>Quarkus: Add extensions to current project</code> wizards.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/extensionsBeforeAfter.png" alt="Before and after comparison">
</div>
</div>
<div class="paragraph">
<p>There is also a new button on the top right of the prompt that toggles whether or not
the extension descriptions should appear.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/toggleDescription.gif" alt="Toggle description">
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="different-ways-to-open-a-new-quarkus-project"><a class="anchor" href="#different-ways-to-open-a-new-quarkus-project"></a>Different ways to open a new Quarkus project</h2>
<div class="sectionbody">
<div class="paragraph">
<p>After creating a new project with the <code>Quarkus: Generate a Quarkus project</code> wizard there
is now a new prompt that asks you how the new project should be opened.
The following tables describe the before and after changes.</p>
</div>
<table class="tableblock frame-all grid-all stretch">
<caption class="title">Table 1. Before</caption>
<colgroup>
<col style="width: 50%;">
<col style="width: 50%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top">Scenarios</th>
<th class="tableblock halign-left valign-top">Ways to open the new project</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">All scenarios</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Open project in a new window</p></td>
</tr>
</tbody>
</table>
<table class="tableblock frame-all grid-all stretch">
<caption class="title">Table 2. After</caption>
<colgroup>
<col style="width: 33.3333%;">
<col style="width: 33.3333%;">
<col style="width: 33.3334%;">
</colgroup>
<thead>
<tr>
<th class="tableblock halign-left valign-top">Scenarios</th>
<th class="tableblock halign-left valign-top" colspan="2">Ways to open the new project</th>
</tr>
</thead>
<tbody>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">A workspace is open</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Open project by adding to current workspace</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Open project in a new window</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">An editor is open</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Open project in the current window</p></td>
<td class="tableblock halign-left valign-top"><p class="tableblock">Open project in a new window</p></td>
</tr>
<tr>
<td class="tableblock halign-left valign-top"><p class="tableblock">Nothing is open</p></td>
<td class="tableblock halign-left valign-top" colspan="2"><p class="tableblock">Open project in the current window</p></td>
</tr>
</tbody>
</table>
<div class="paragraph">
<p>Here is one of the scenarios in action, when a new project has been generated while a workspace is already open.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/newProject.gif" alt="Create new project">
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="syntax-highlighting-for-qute-languages"><a class="anchor" href="#syntax-highlighting-for-qute-languages"></a>Syntax highlighting for Qute languages</h2>
<div class="sectionbody">
<div class="paragraph">
<p><a href="https://quarkus.io/guides/qute-reference">Qute</a>
is a new server-side templating engine created with Quarkus in mind.
This release brings new Qute Language Modes in VS Code: Qute HTML, Qute JSON, Qute YAML
and Qute Text. The new language modes are automatically applied to your current file, if
your file’s file extensions is <code>.qute.html</code>, <code>.qute.json</code>, <code>.qute.yaml</code> and <code>.qute.txt</code>
respectively.</p>
</div>
<div class="paragraph">
<p>Thanks to the new language modes, Qute-specific syntax highlighting and commenting
are now provided.</p>
</div>
<div class="imageblock">
<div class="content">
<img src="/assets/images/posts/quarkus-vs-code-1.3.0/qute.gif" alt="Switch to Qute-specific language mode">
</div>
</div>
<div class="paragraph">
<p>For more information about the Qute templating engine, please refer to the
<a href="https://quarkus.io/guides/qute">Quarkus templating engine guide</a>.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="moving-forward"><a class="anchor" href="#moving-forward"></a>Moving Forward</h2>
<div class="sectionbody">
<div class="paragraph">
<p>This wraps up the new major features in this release.
If you have any questions, suggestions or feedback, by all means please
<a href="https://github.com/redhat-developer/vscode-quarkus/issues/new">open a GitHub issue</a>.</p>
</div>
<div class="paragraph">
<p>For future releases we are aiming to improve
language support for MicroProfile properties, <code>application.yaml</code> and Qute languages.</p>
</div>
<div class="paragraph">
<p>Thank you for reading and stay tuned for the next release!</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="links"><a class="anchor" href="#links"></a>Links</h2>
<div class="sectionbody">
<div class="ulist">
<ul>
<li>
<p>VS Code Marketplace link: <a href="https://marketplace.visualstudio.com/items?itemName=redhat.vscode-quarkus" class="bare">https://marketplace.visualstudio.com/items?itemName=redhat.vscode-quarkus</a></p>
</li>
<li>
<p>GitHub repository: <a href="https://github.com/redhat-developer/vscode-quarkus" class="bare">https://github.com/redhat-developer/vscode-quarkus</a></p>
</li>
<li>
<p>Open a GitHub issue: <a href="https://github.com/redhat-developer/vscode-quarkus/issues/new" class="bare">https://github.com/redhat-developer/vscode-quarkus/issues/new</a></p>
</li>
<li>
<p>Changelog: <a href="https://github.com/redhat-developer/vscode-quarkus/blob/master/CHANGELOG.md" class="bare">https://github.com/redhat-developer/vscode-quarkus/blob/master/CHANGELOG.md</a></p>
</li>
<li>
<p>Version 1.2.0 blog post: <a href="https://quarkus.io/blog/vscode-quarkus-1.2.0/" class="bare">https://quarkus.io/blog/vscode-quarkus-1.2.0/</a></p>
</li>
<li>
<p>Version 1.1.0 blog post: <a href="https://quarkus.io/blog/vscode-quarkus-1.1.0" class="bare">https://quarkus.io/blog/vscode-quarkus-1.1.0</a></p>
</li>
<li>
<p>Version 1.0.0 blog post: <a href="https://quarkus.io/blog/quarkus-developer-joy-for-vs-code" class="bare">https://quarkus.io/blog/quarkus-developer-joy-for-vs-code</a></p>
</li>
</ul>
</div>
</div>
</div>
              
          </div>
          <div class="width-12-12"><div class="share-page">
  <a class="share-linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https://quarkus.io/blog/vscode-quarkus-1.3.0/&title=Introducing 10 new features in Quarkus Tools for Visual Studio Code 1.3.0" rel="nofollow" target="_blank" title="Share on LinkedIn">
    <img src="/assets/images/share-page/icons_social-linkedin.png"/>
  </a>
  <a class="share-twitter" href="https://twitter.com/intent/tweet?text=Introducing 10 new features in Quarkus Tools for Visual Studio Code 1.3.0&url=https://quarkus.io/blog/vscode-quarkus-1.3.0/&via=quarkusio&related=quarkusio" rel="nofollow" target="_blank" title="Share on Twitter">
    <img src="/assets/images/share-page/icons_social-twitter.png"/>
  </a>
  <a class="share-facebook" href="https://facebook.com/sharer.php?u=https://quarkus.io/blog/vscode-quarkus-1.3.0/" rel="nofollow" target="_blank" title="Share on Facebook">
    <img src="/assets/images/share-page/icons_social-facebook.png"/>
  </a>
  <a class="share-reddit" href="http://www.reddit.com/submit?url=https://quarkus.io/blog/vscode-quarkus-1.3.0/" onclick="window.open(this.href, 'pop-up', 'left=20,top=20,width=900,height=500,toolbar=1,resizable=0'); return false;" title="Share on Reddit" >
    <img src="/assets/images/share-page/icons_social-reddit.png"/>
  </a>
  <a class="share-email" href="mailto:?subject=Introducing 10 new features in Quarkus Tools for Visual Studio Code 1.3.0&amp;body=Introducing 10 new features in Quarkus Tools for Visual Studio Code 1.3.0 https://quarkus.io/blog/vscode-quarkus-1.3.0/" title="Share via Email" >
    <img src="/assets/images/share-page/icons_social-email.png"/>
  </a>
</div>
</div>
        </div>
      </div>
    </div>
  </div>
</div>

  </div>

  <div class="content project-footer">
  <div class="footer-section">
    <div class="logo-wrapper">
      <a href="/"><img src="/assets/images/quarkus_logo_horizontal_rgb_reverse.svg" class="project-logo" title="Quarkus"></a>
    </div>
  </div>
  <div class="grid-wrapper">
    <p class="grid__item width-3-12">Quarkus is open. All dependencies of this project are available under the <a href='https://www.apache.org/licenses/LICENSE-2.0' target='_blank'>Apache Software License 2.0</a> or compatible license.<br /><br />This website was built with <a href='https://jekyllrb.com/' target='_blank'>Jekyll</a>, is hosted on <a href='https://pages.github.com/' target='_blank'>Github Pages</a> and is completely open source. If you want to make it better, <a href='https://github.com/quarkusio/quarkusio.github.io' target='_blank'>fork the website</a> and show us what you’ve got.</p>

    
      <div class="width-1-12 project-links">
        <span>Navigation</span>
        <ul class="footer-links width-1-12">
          
            <li><a href="/">Home</a></li>
          
            <li><a href="/guides">Guides</a></li>
          
            <li><a href="/community/#contributing">Contribute</a></li>
          
            <li><a href="/faq">FAQ</a></li>
          
            <li><a href="/get-started">Get Started</a></li>
          
        </ul>
      </div>
    
      <div class="width-1-12 project-links">
        <span>Contribute</span>
        <ul class="footer-links width-1-12">
          
            <li><a href="https://twitter.com/quarkusio">Follow us</a></li>
          
            <li><a href="https://github.com/quarkusio">GitHub</a></li>
          
            <li><a href="/security">Security&nbsp;policy</a></li>
          
        </ul>
      </div>
    
      <div class="width-1-12 project-links">
        <span>Get Help</span>
        <ul class="footer-links width-1-12">
          
            <li><a href="https://groups.google.com/forum/#!forum/quarkus-dev">Forums</a></li>
          
            <li><a href="https://quarkusio.zulipchat.com">Chatroom</a></li>
          
        </ul>
      </div>
    

    
      <div class="width-3-12 more-links">
        <span>Quarkus is made of community projects</span>
        <ul class="footer-links">
          
            <li><a href="https://vertx.io/" target="_blank">Eclipse Vert.x</a></li>
          
            <li><a href="https://microprofile.io" target="_blank">Eclipse MicroProfile</a></li>
          
            <li><a href="https://hibernate.org" target="_blank">Hibernate</a></li>
          
            <li><a href="https://netty.io" target="_blank">Netty</a></li>
          
            <li><a href="https://resteasy.github.io" target="_blank">RESTEasy</a></li>
          
            <li><a href="https://camel.apache.org" target="_blank">Apache Camel</a></li>
          
            <li><a href="https://code.quarkus.io/" target="_blank">And many more...</a></li>
          
        </ul>
      </div>
    
  </div>
</div>
  <div class="content redhat-footer">
  <div class="grid-wrapper">
    <span class="licence">
      <i class="fab fa-creative-commons"></i><i class="fab fa-creative-commons-by"></i> <a href="https://creativecommons.org/licenses/by/3.0/" target="_blank">CC by 3.0</a> | <a href="https://www.redhat.com/en/about/privacy-policy">Privacy Policy</a>
    </span>
    <span class="redhat">
      Sponsored by
    </span>
    <span class="redhat-logo">
      <a href="https://www.redhat.com/" target="_blank"><img src="/assets/images/redhat_reversed.svg"></a>
    </span>
  </div>
</div>


  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" integrity="sha384-8gBf6Y4YYq7Jx97PIqmTwLPin4hxIzQw5aDmUg/DDhul9fFpbbLcLh3nTIIDJKhx" crossorigin="anonymous"></script>
  <script type="text/javascript" src="/assets/javascript/mobile-nav.js"></script>
  <script type="text/javascript" src="/assets/javascript/scroll-down.js"></script>
  <script src="/assets/javascript/satellite.js" type="text/javascript"></script>
  <script src="https://quarkus.io/guides/javascript/config.js" type="text/javascript"></script>
  <script src="/assets/javascript/search-filter.js" type="text/javascript"></script>
  <script src="/assets/javascript/back-to-top.js" type="text/javascript"></script>
</body>

</html>
